<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      #wrap {
        width: 300px;
        height: 300px;
        /* position: absolute;
        left: 0;
        top: 0; */
        background-color: red;
        /* display: none; */
      }
      #btn {
        width: 100px;
        height: 50px;
        /* position: absolute;
        left: 50%;
        top: 50%; */
      }
    </style>
  </head>
  <body>
    <!-- <ul id="ul">
      <li>1gfdgf</li>
      <li>2fdgdfg</li>
      <li>3</li>
      <li>4</li>
      <li>dgfdgd5</li>
    </ul> -->
    <!-- <div id="wrap"></div>
    <button id="btn">按钮</button> -->
    <!-- <button class="btn1">按钮1</button> -->
    <input type="text" id="name" />
    <button onclick="submit()">提交</button>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ul>
    <script src="../js/js-demo3.js"></script>
    <script>
      // var l = 0;
      // var timer = null;
      // btn.onclick = function () {
      //   clearInterval(timer);
      //   timer = setInterval(function () {
      //     l++;
      //     if (l > 800) {
      //       l = 800; //最终位置
      //     }
      //     //把改变后的值赋值给wrap
      //     wrap.style.left = l + "px";
      //   }, 1);
      // };
      // function fun1(arr = []) {
      //   const lis = document.getElementById("ul").querySelectorAll("li");
      //   // const lis = document.querySelectorAll("#ul li");
      //   console.log(lis);
      //   // lis.forEach((element, i) => {
      //   //   element.innerHTML = arr[i] || "我很棒";
      //   // });

      //   for (let i = 0; i < lis.length; i++) {
      //     if (i < arr.length) {
      //       lis[i].innerHTML = arr[i];
      //     } else {
      //       lis[i].innerHTML = "我很棒";
      //     }
      //   }
      // }
      // fun1(["jjj", "lll", "ppp", "ooo", "uuu", "kkk"]);
      // console.log(fun1());
    </script>
  </body>
</html>
